<!DOCTYPE html>
<html lang="en-US">

<head>
	<meta charset="utf-8" />
	<title>Wordle</title>
	<link rel="stylesheet" type="text/css" href="assets/wordle.css">
	<link rel="stylesheet" type="text/css" href="assets/dark.css" id="themeStylesheet">
	<link rel="stylesheet" type="text/css" href="assets/none.css" id="symbolModeStylesheet">
</head>

<body>
	<div id="leftPanel">
		<h2>统计</h2>
		<p>获胜局数：<span id="winLabel">N/A</span></p>
		<p>失败局数：<span id="loseLabel">N/A</span></p>
		<p>胜率：<span id="winRateLabel">N/A</span></p>
		<p>平均尝试次数：<span id="avgAttemptLabel">N/A</span></p>
		<p class="comment">注：只有获胜的游戏才会计入平均尝试次数。</p>
		<h2>最常被猜单词</h2>
		<table>
			<thead>
				<tr>
					<th>#</th>
					<th>被猜单词</th>
					<th>被猜次数</th>
				</tr>
			</thead>
			<tbody id="guessStatTable">
			</tbody>
		</table>
	</div>
	<div id="midPanel">
		<h1 style="font-size:72px;margin:0">WORDLE</h1>
	</div>
	<div id="rightPanel">
		<button id="restartButton" disabled>⭮再来一局</button>
		<h2>设置</h2>
		<button id="difficultModeButton"></button>
		<p class="comment">注：此选项在重新开始游戏后才会生效。</p>
		<button id="themeButton"></button>
		<button id="symbolModeButton"></button>
		<details>
			<summary>⚠清除数据</summary>
			<button id="resetStatButton" class="toomany" disabled>⚠清除统计数据</button>
			<button id="resetConfigButton" class="toomany" disabled>⚠清除设置</button>
		</details>
		<h2>说明</h2>
		<p>本应用需要使用WASM并读写Cookie以正常运行。</p>
		<h2>关于</h2>
		<p>本游戏的作者为：<a href="http://imalyd.gitee.io/imalyd-lab/">IMALYD</a></p>
	</div>
</body>
<script src="dom.js"></script>
<script type="module" src="interface.js"></script>

</html>